<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                >

    <f:subview id="quantidadeQuestoes" rendered="#{fluxoExibicaoPrincipal.exibirQuantidadeQuestoes}">
        <h:panelGrid columns="1" styleClass="center" >
            <h:form id="formPie">
                <p:poll interval="600" listener="#{alunosLogadosManager.atualizaLista()}" update="formPie" /> 
                <c:forEach var="char" items="#{questoesSaberManager.pieModel}">
                    <h:panelGrid columns="2" columnClasses="grafcol1, grafcol2">
                        <h:panelGroup>
                            <h:panelGrid columns="1" columnClasses="esquerda">
                                <h:outputText value="#{char.titleCertificacao}"/>
                                <h:outputText value="#{msg.qtdadeQuestoesProva}: #{char.totalQuestoes}" styleClass="bvb-font"/>
                                <h:outputLink value="#{char.url}" target="_blank" title="#{char.url}" styleClass="ui-button_link">
                                    <h:graphicImage library="img" name="url_32.png"/>
                                </h:outputLink>
                            </h:panelGrid>
                        </h:panelGroup>
                        <h:panelGroup>
                            <p:barChart value="#{char.categoryModel}" legendPosition="ne"  style="width:100%;height:200px"  
                                        title="#{char.titleVersao}" min="0" barMargin="20" max="#{char.altura}" stacked="true"/> 
                        </h:panelGroup>
                    </h:panelGrid>

                    <p:spacer width="850px" height="25"/>
                </c:forEach>
            </h:form>
        </h:panelGrid>
    </f:subview>
</ui:composition>
